  <!--  Main JQuery  -->  
  <script type="text/javascript" src="modules/IShopUser/pnajax/sort_captcha/jquery-1.3.2.js"></script>
  
  
  
  <!-- ValidateForm JQuery -->     
	<link rel="stylesheet" href="modules/IShopUser/pnajax/validateform/css/general.css" type="text/css" media="screen" />   
	<script type="text/javascript" src="modules/IShopUser/pnajax/validateform/validation.js"></script>
	
	
	
  <!-- Captcha JQuery -->    
  <!-- script type="text/javascript" src="modules/IShopUser/pnajax/sort_captcha/ui.core.js"></script -->
  <!-- script type="text/javascript" src="modules/IShopUser/pnajax/sort_captcha/ui.sortable.js"></script -->
  <!-- link rel="stylesheet" href="modules/IShopUser/pnajax/sort_captcha/css/sort_captcha.css" type="text/css" / -->
  
  <script type="text/javascript">
  /*
      (
      function($){
  
          $.fn.shuffle = function() {
              return this.each(function(){
                  var items = $(this).children();
  
                  return (items.length)
                      ? $(this).html($.shuffle(items,$(this)))
                  : this;
              });
          }
  
          $.fn.validate = function() {
              var res = false;
              this.each(function(){
                  var arr = $(this).children();                                          
                  res = (
                          (arr[0].innerHTML=="ก")&&
                          (arr[1].innerHTML=="ข")&&
                          (arr[2].innerHTML=="ค")&&
                          (arr[3].innerHTML=="ง")&&
                          (arr[4].innerHTML=="จ")&&
                          (arr[5].innerHTML=="ฉ")
                        );
                    
              });
  
              return res;

          }
  
          $.shuffle = function(arr,obj) {
              for(
              var j, x, i = arr.length; i;
              j = parseInt(Math.random() * i),
              x = arr[--i], arr[i] = arr[j], arr[j] = x
          );
              if(arr[0].innerHTML=="1") obj.html($.shuffle(arr,obj))
              else return arr;
          }
  
      })(jQuery);
  
      $(function() {
          $("#sortable").sortable();
          $("#sortable").disableSelection();
          $('ul.sortable').shuffle();
      });
      
      */
  </script>

<form id="customForm" 
      class="registration" 
      method="post"
      action="<!--[pnmodurl modname="IShopUser" type="user" func="register" ctrl="Registration"]-->"
>

  <h1>Account Information</h1>
  <div>
    <label for="uname">User Name</label>
    <input id="uname" name="form[uname]" type="text" />
    <span id="unameInfo">At least 5 characters: letters, numbers 
    </span>
  </div>  
  <div>
    <label for="pass1">Password</label>
    <input id="pass1" name="form[password]" type="password" />
    <span id="pass1Info">At least 5 characters: letters, numbers and '_'</span>
  </div>
  <div>
    <label for="pass2">Confirm Password</label>
    <input id="pass2" name="form[password2]" type="password" />
    <span id="pass2Info">Confirm password</span>
  </div>
  <div>
    <label for="pass2">E-mail</label>  
    <input id="email" name="form[email]" type="text" />
    <span id="emailInfo"> Valid E-mail please, you will need it to log in!</span>
  </div>  
  <BR> 
  
  <h1>User Information</h1>
  <div>
    <label for="firstname">Firstname</label>  
    <input id="firstname" name="form[firstname]" type="text" />
    <span id="firstnameInfo">What's your firstname?</span>
  </div>  
  <div>
    <label for="lastname">Lastname</label>    
    <input id="lastname" name="form[lastname]" type="text" />
    <span id="lastnameInfo">What's your lastname?</span>
  </div> 
  <div>
    <label for="mobilephone">Mobile Phone</label>   
    <input id="mobilephone" name="form[mobilephone]" type="text" />
    <span id="mobilephoneInfo">What's your mobilephone?</span>
  </div>   
  <div>
    <label for="date_of_birth">Date of Birth</label>    
    <!--[innova_html_select_date end_year=-70 field_order="DMY" prefix="start" language="tha"]-->
    <span id="mobilephoneInfo">What's your birth of date?</span>    
  </div>
  <div id="div_gender">
    <label for="gender">Gender</label>     
    <input id="gender" type="radio" name="form[gender]" value="1" checked/> Male
    <input id="gender" type="radio" name="form[gender]" value="2" /> Female
  </div> 
  <div id="div_agreement">
    <input id="agreement" type="checkbox" name="form[agreement]" value="1" /> 
      ยอมรับและตกลงตามเงื่อนไขและข้อตกลง
    <span id="agreementInfo"></span>       
  </div>  
  
  <!-- 
  <h1>Captcha Vlidation</h1>  
  <div class="captcha_wrap" >
      <div class="captcha">
        กรุณาเลื่อนตัวอักษรเพื่อเรียงลำดับ และยืนยันว่าเป็นมนุษย์
      </div>
      <ul id="sortable" class="sortable">
          <li class="captchaItem">ก</li>
          <li class="captchaItem">ข</li>
          <li class="captchaItem">ค</li>
          <li class="captchaItem">ง</li>
          <li class="captchaItem">จ</li>
          <li class="captchaItem">ฉ</li>
      </ul>
  </div>
  -->
  
  <input id="send" type="submit" value="Register">  </input>                
</form>
